//main
import React, { useContext } from "react";
import { ThemeProvider } from "@material-ui/core";
//data
import Context from "../../Context.js";
//styles
import { useStyles } from "./ChatSpace.jss";
//funcs
import Message from "./Message";

function Chat() {
  const { theme } = useContext(Context);
  const classes = useStyles(theme);

  return (
    <ThemeProvider theme={theme}>
      <div className={classes.chat}>
        <Message />
      </div>
    </ThemeProvider>
  );
}

export default Chat;
